<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器练习</title>
    <style>
        /*1:修改张学友为绿色*/
        #l1{/*id选择器*/
            color: green;
        }
        /*2:修改刘德华和悟空为蓝色*/
        .c1{/*class选择器*/
            color: blue;
        }
        /*3:修改取经三人组和刘备的背景颜色为黄色*/
        h1,h2{/*分组选择器*/
            background-color: yellow;
        }
        /*4:修改两个按钮的字体为粉色*/
        input{/*标签名选择器*/
            color: pink;
        }
        /*5:修改提交按钮的背景颜色为红色*/
        input[type="submit"]{/*属性选择器*/
            background-color: red;
        }
        /*6:给所有元素设置蓝色实现边框*/
        *{/*任意元素选择器*/
            border: 1px solid blue;
        }
    </style>
</head>
<body>
    <ul>
        <li class="c1">刘德华</li>
        <li id="l1">张学友</li>
        <li>郭富城</li>
    </ul>
    <h1 class="c1">悟空</h1>
    <h1>八戒</h1>
    <h1>沙僧</h1>
    <h2>刘备</h2>
    <input type="submit" value="提交按钮">
    <input type="button" value="普通按钮">
</body>
</html>